<html>
<head>
<meta charset="utf-8">
<title>layuiAdmin 内容系统-分类管理</title>
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="../layui/css/layui.css" media="all">
<link rel="stylesheet" href="../css/admin.css" media="all">
</head>    
<body>
<div id="myApp" class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header layuiadmin-card-header-auto">
            <a class="layui-btn layuiadmin-btn-tags">管理员管理</a>
            <a href="./addmannager.html" class="layui-btn layui-btn-primary">添加管理员</a>
        </div>
        <div class="layui-card-body">
            <table class="layui-table" lay-skin="line">
                <thead>
                    <tr>
                        <th v-for="x in list.head" v-text="x"></th>
                    </tr> 
                </thead>
                <tbody>
                    <tr v-for="x in list.data">
                        <td v-text="x.id"></td>
                        <td v-text="x.name"></td>
                        <td v-text="x.nickname"></td>
                        <td v-text="x.avatar"></td>
                        <td v-text="x.state"></td>
                        <td>
                            <a class="layui-btn layui-btn-normal layui-btn-xs"><i class="layui-icon layui-icon-edit"></i>编辑</a>
                            <a class="layui-btn layui-btn-danger layui-btn-xs"><i class="layui-icon layui-icon-delete"></i>删除</a>
                        </td>
                    </tr> 
                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="../layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
var myApp = new Vue({
    el:"#myApp",
    data:{
        list:{
            head:['id','名称','昵称','角色','状态','操作'],
            data:[
                {id:1,name:'admin',nickname:'超级管理',avatar:'超级管理员',state:'正常'},
                {id:1,name:'admin',nickname:'超级管理',avatar:'超级管理员',state:'正常'},
                {id:1,name:'admin',nickname:'超级管理',avatar:'超级管理员',state:'正常'},
                {id:1,name:'admin',nickname:'超级管理',avatar:'超级管理员',state:'正常'},
            ]
        },
    },
    methods:{        
        closeShade:function(){
            console.log('aa');
        },      
    }
});
</script>